<template>
    <div class="one">
   <section>
   <p @click="back">⬅</p>
    <div class="wow">
       <b>更新日志</b>
    </div>
    </section>
    <van-steps direction="vertical" :active="0" >
  <van-step>
    <h3>2022-10-23 </h3>
    <p>1.优化影视、影人等页面header-bar 显示效果 </p>
    <p>2修复tab-switch由于组件库升级导致样式异常 </p>
    <p>3.收藏夹列表增加创建收藏夹入口 </p>
    <p>4.增加更新日志页面 </p>
    <p>5.其它一些样式优化 </p>
    
  </van-step>
  <van-step>
    <h3>2022-10-22 </h3>
    <p>修复 keep-alive 页面切换时滚动触底持续触发问题</p>
  </van-step>
  <van-step>
    <h3>2022-06-12 </h3>
    <p>项目开发文档发布</p>
  </van-step>
  <van-step>
    <h3>2022-05-01 </h3>
    <p>项目源码、在线演示版、接口文档发布</p>
  </van-step>
  <van-step>
    <h3>2022-03-27 </h3>
    <p>项目初始化</p>
  </van-step>
</van-steps>

   </div> 
</template>
<script>
export default{
    data(){
        return{
          active:0,
        }
    },
   methods:{
       back(){
           this.$router.back();
       }
   }
}
</script>
<style lang="scss" scoped>
.one{
   height:100%;
   width:100%;
   position:relative;
}
section{
   width:100%;
   height:80px;
   background-color: red;
   display:flex;
 
   p{
       width:50px;
       height:30px;
       color:white;
       line-height: 80px;
       margin-left: 10px;
   }
   .wow{
       width:150px;
       height:30px;
       border-left:1px solid white;
       text-align: center;
       margin-top: 25px;
       b{
       color:white;
   }
   }
  
}


</style>